<template>
    <div class="button-example">
        <div class="button-row">
            <f-button round type="text">文字按钮</f-button>
            <f-button disabled type="text">文字按钮</f-button>
        </div>
    </div>
</template>

<script setup></script>

<style lang="less" scoped>
.button-example {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    .button-row {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: center;
    }

    .button-row>* {
        margin: 0;
    }
}
</style>